// publisher页面 - 文章标题
const form = layui.form;
form.verify({
    articleTitle: [
        /^[\u4E00-\u9FA5a-zA-Z0-9_-]+$/,
        "标题只能是中英文, 数字下划线中划线组成"
    ],
    // 分类判断
    cate: function(){
        return $("select[name=cate_id]").val().length == 0 && "请选择文章类别"
    }
}) 
// 渲染列表
function render() {
  axios.get('http://api-breakingnews-web.itheima.net/my/article/cates',{headers:{Authorization:localStorage.getItem('token')}}).then(({data:res})=>{
      console.log(res);
      //判断请求成功
    layer.msg(res.message)
      if(res.status === 0){
      
        // 遍历数据 渲染
      res.data.forEach((obj)=>{
        const theOpt = `<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`
        $('select[name="cate_id"]').append(theOpt)
      })
      //等循环结束之后，在执行form.render() 手动去刷新一下当前的select框的数据,因为option标签是动态插入的
      form.render('select','edit')
  }
  })
}
render()

//初始换富文本编辑器插件
initEditor()

let imgUrl = ''
//上传图片
$('.select').on('click',function () {
  //触发input #file 的点击事件
   $('#file').click()
})

$('#file').on('change',function (e) {
   const files = e.target.files
   if(files.length === 0) return

   const blobUrl = window.URL.createObjectURL(files[0])
   // 将生成的blob 替换页面中img的src
   $('#image').prop('src',blobUrl)
   imgUrl = files[0]
})

// 发布新文章
// 参数 FormData
// 请求方式 POST  /my/article/add
// title	是	string	文章标题
// cate_id	是	int	所属分类 Id
// content	是	string	文章内容
// cover_img	是	blob二进制	文章封面
// state	是	string	状态，可选值为：已发布、草稿

$('form').on('submit',function (e) {
  e.preventDefault()
  // 创建一个FormData 对象
   const fd = new FormData($('form')[0])
   const htmlStr = tinyMCE.activeEditor.getContent();
  //  fd.append('content',htmlStr) //修改fd对象里面的某个属性，通过set 去重新设置
   fd.set('content',htmlStr)
   fd.append('cover_img',imgUrl)
   fd.forEach((value,key)=>{
    console.log('value --- key',value,key);
   })

   axios.post('http://api-breakingnews-web.itheima.net/my/article/add',fd,{headers:{Authorization:localStorage.getItem('token')}}).then(({data:res})=>{
    console.log(res);
    layer.msg(res.message)
    //判断请求成功
    if(res.status === 0){
      window.parent.$('#wzlist a').click()
      location.href = './../list/list.html'
}
})
})